<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>仿360手机浏览器官网</title>
    <link rel="stylesheet" href="css/Reset.css" type="text/css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
    <div id="app">
        <header class="clearfix">
            <img src="img/logo.png" alt="Logo">
            <nav class="top-link">
                <a href="#">
                    <img src="img/bbs-icon.png" alt="BBS" class="icon">
                    <span class="txt">BBS</span>
                </a>
                <a href="#">
                    <img src="img/pc-icon.png" alt="PC" class="icon">
                    <span class="txt">PC</span>
                </a>
            </nav>
        </header>
        <div id="content" class="clearfix">
            <img src="img/宣传图.png" alt="宣传图" class="content-left">
            <div class="content-right">
                <div class="software-icon">
                    <img src="img/软件图标.png" alt="软件图标">
                    <p>浏览器9.0</p>
                    <p>轻松浏览世界</p>
                </div>
                <div class="qr-code">
                    <img src="img/二维码.png" alt="二维码">
                    <p>扫描下载360手机浏览器客户端</p>
                </div>
                <div class="download-link">
                    <a href="#">
                        <img src="img/apple-icon.png" alt="iPhone">
                        <span>iPhone</span>
                    </a>
                    <a href="#">
                        <img src="img/android-icon.png" alt="Android">
                        <span>Android</span>
                    </a>
                </div>
            </div>
        </div>
        <footer>Copyright©2005-2019 360.CN All Rights Reserved 360互联网安全中心</footer>
    </div>
</body>
</html>